<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--<link rel="stylesheet" href="css/bootstrap.min.css">-->
    <link rel="stylesheet" href="css/masking.css">
    <link rel="stylesheet" href="css/welcome.css">
    <link rel="stylesheet" href="css/PageNumber.css"/>

</head>

<body class="bdy">
<div class="firstAdd">
    <div class="tbl">
        <div class="left">
            <img src="imgs/8bb6e996-b030-40ea-a4da-cee3cae1818cu=1214739596,1557376559&fm=26&fmt=auto.webp"/>
        </div>
        <div class="right">
            <form enctype="multipart/form-data" method="post" id="myform">
                <div class="rowDiv">
                    <div class="spDiv">
                        姓名：
                    </div>
                    <div class="ssDiv">
                        <input type="text" name="uname"/>
                    </div>
                    <div class="spDiv">
                        性别：
                    </div>
                    <div class="ssDiv">
                        <select name="usex">
                            <option value="0">女</option>
                            <option value="1">男</option>
                        </select>
                    </div>
                </div>
                <div class="rowDiv">
                    <div class="spDiv">
                        年龄：
                    </div>
                    <div class="ssDiv">
                        <input type="text" name="uage">
                    </div>
                    <div class="spDiv">
                        照片：
                    </div>
                    <div class="ssDiv">
                        <input type="file" name="file" id="fileUp">
                    </div>
                </div>
                <div class="rowDiv">
                    <div class="spDiv">
                        权限：
                    </div>
                    <div class="ssDiv">
                        <select name="urole">
                            <option value="0">管理员</option>
                            <option value="1">超级管理员</option>
                        </select>
                    </div>
                    <div class="spDiv">
                        操作：
                    </div>
                    <div class="ssDiv">
                        <input type="button" value="提交" id="btn1">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="second" id="second">

    <div class="secondMiddle">
        普通管理员
        <table class="mainTable" border="0" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
                <th>管理员工号</th>
                <th>管理员名字</th>
                <th>管理员密码</th>
                <th>照片</th>
                <th>管理员性别</th>
                <th>管理员年龄</th>
                <th>身份</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="user in users">
                <td>{{user.uid}}</td>
                <td>{{user.username}}</td>
                <td>{{user.upassword}}</td>
                <td><img :src="user.img" width="24px" height="24px"/></td>
                <td>{{user.usex}}</td>
                <td>{{user.uage}}</td>
                <td>{{user.urole}}</td>
                <td>
                    <a href="#" class="xg" onclick="updateData(this)">修改</a>
                    <a href="#" class="sc" onclick="deleteData(this)">删除</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="fy">
            <div class="pagination" id="pagination"></div>
        </div>
    </div>
</div>

<!--提示-->
<div class="tts">
    <form enctype="multipart/form-data" id="myform1" method="post">
        <table class="ttb">
            <tr>
                <td>
                    <div>
                        工号：<input type="text" readonly name="uid" class="uid">
                    </div>
                </td>
                <td>
                    <div>
                        姓名：<input type="text" name="uname" class="uname"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>
                        性别：<select id="sel1" name="sel1">
                        <option value="0">女</option>
                        <option value="1">男</option>
                    </select>
                    </div>
                </td>
                <td>
                    <div>
                        密码：<input type="text" name="upassword" class="upassword"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>
                        照片：<input type="file" id="fileUpload1" name="myfile"/>
                    </div>
                </td>
                <td>
                    <div>
                        年龄：<input type="text" name="uage" class="uage"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    身份:<select id="sel2" name="sel2">
                    <option value="0">管理员</option>
                    <option value="1">超级管理员</option>
                </select>
                </td>
            </tr>
            <tr><td><input type="button" value="提交" class="btn2"/></td>
            <td><input type="button" value="取消" onclick="cancelData()"/></td></tr>
        </table>


    </form>
</div>
<div class="mask"></div>
</body>
<script src="js/JQuery2.1.4.js"></script>
<script src="js/vue.js"></script>
<script src="js/axios.js"></script>
<script src="js/qs.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/showpage.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/welcome.js"></script>
</html>